<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>零钱包-个人中心</title>
</head>
<link rel="stylesheet" href="./css/format.css" />
<link rel="stylesheet" href="./css/mint-min.css" />
<link rel="stylesheet" href="./css/myAccount.css" />

<body>
<div id="app">
    <header class="index-header">
        <div class="index-userinfo">
            <img class="index-avatar" src="./img/icon_avatar.png"/>
            <p class="index-userName">呀呀呀呀呀呀呀</p>
            <img class="index-viplogo" src="./img/icon_vip.svg"/>
            <span class="index-transaction-record" @click="jump('transaction-record')">交易记录</span>
        </div>
        <div class="index-useraccount-wrapper">
            <img class="index-useraccount-bankLogo" src="./img/icon_banlogotrans.svg"/>
            <div class="index-useraccount">
                <p class="index-useraccount-title">总资产（元）</p>
                <p class="index-useraccount-money">4399.00</p>
            </div>
            <div class="index-operation">
                <span @click="jump('turn-in-out', 'zhuanru')">转入</span>
                <span>|</span>
                <span @click="jump('turn-in-out', 'zhuanchu')">转出</span>
            </div>
        </div>
    </header>
    <div class="index-vipinfo">
        <h3>我的VIP会员</h3>
        <div class="index-vipinfo-days">
            <span>零钱包累计赠予</span>
            <span>365</span>
            <span>天</span>
        </div>
        <p class="index-vipinfo-days-left">
            VIP会员身份将于2019/9/19<span>+&nbsp;(88天)&nbsp;&nbsp;</span>后到期
        </p>
    </div>
    <div class="index-description">
        <div>
            <header class="index-description-header">
                <img src="./img/icon_triangle.svg" class="index-description-header-logo" />
                <div class="index-description-title">权益获享</div>
                <div class="index-description-questions">
                    <img src="./img/icon_questionmark.svg" class="index-description-questions-logo" />
                    <span @click="jump('qa')">常见问题</span>
                </div>
            </header>
            <ul>
                <li>
                    <span class="index-li-dot"></span>
                    <p>零钱包余额大（或等）于4399元即可获取喜马拉雅VIP特权;</p>
                </li>
                <li>
                    <span class="index-li-dot"></span>
                    <p>已为喜马拉雅会员用户，零钱包赠予权益天数将在原到期日后自动生效。</p>
                </li>
            </ul>
        </div>
        <div class="index-description-section">
            <header class="index-description-header">
                <img src="./img/icon_stock.svg" class="index-description-header-logo"/>
                <div class="index-description-title">收益结算</div>
            </header>
            <ul>
                <li>
                    <span class="index-li-dot"></span>
                    <p>零钱包根据活期（变动）年化利率核算，按季度进行收益结算到账，用户可在交易记录中查看。</p>
                </li>
            </ul>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="./util/vue.min.js"></script>
<script type="text/javascript" src="./util/mint-min.js"></script>
<script src="./util/rem.js"></script>
<script src="./util/util.js"></script>
<script src="js/myAccount.js"></script>

</html>